<template>
  <div class="error">

    <lottie :options="loadingOptions" style="width:600px;height:600px;"/>
    <p>功能正在研发中...</p>

    <div class="button_404">
<!--      <el-button type="success" @click="toHome('/')" class="common_btn-defalut ">返回首页</el-button>-->
<!--      <el-button type="success" @click="toHome('login')" >返回登录页</el-button>-->
    </div>

  </div>
</template>

<script>
import lottie from 'vue-lottie'
const animationData = require('./lottie-json/development.json')

export default {
  components: { lottie },
  data () {
    return {
      loadingOptions: { animationData: animationData },
    }
  },
  methods: {
    // 登出
    toHome (val) {
      this.$router.push(val)
    }
  }
}
</script>

<style lang="less" scoped>
@import url('./common.less');
.button_404 {
  position: absolute;
  top: 200px;
  right: 50px;
}
p{
  position: absolute;
  font-size: 180%;
  font-weight: 800;
  color: #959595;
  bottom: 100px;
  text-align: center;
}
</style>
